<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>盒阴影兼容性-外阴影</title>
        <style>
            .baseBlock{
                width:220px;
                position:relative;
            }
            .baseBlockIn{
                padding:10px 15px;
                background:#a0b3d6;
                box-shadow:10px 10px 5px #444;
                -moz-box-shadow:10px 10px 5px #444;
                -webkit-box-shadow:10px 10px 5px #444;
                position:relative;
                z-index:1;
            }
            .ieShadow{
                _width:220px;
                _height:220px;
                filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
                -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
                background-color:#444\9;
                position:absolute;
                left:5px;
                top:5px;
                right:-5px;
                bottom:-5px;
            }
        </style>
    </head>
    <body>
        <h1>CSS实现跨浏览器的box-shadow盒阴影效果(2)</h1>
        <p>来源:<a href="http://www.zhangxinxu.com/wordpress/2010/07/css%E5%AE%9E%E7%8E%B0%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84box-shadow%E7%9B%92%E9%98%B4%E5%BD%B1%E6%95%88%E6%9E%9C2/">网址</a></p>
        <div class="baseBlock">
            <div class="baseBlockIn">昨晚请多玩优秀员工吃饭，聊了几点职场体会。(1) 把自己当老板看，象老板一样拼命干活，能力自然就提高了。有了能力，假如多玩不能给你好的回报，其他公司一定会给。(2) 不是每次付出就一定有回报，但是不断付出就一定会有回报。@李学凌 补充了一点：象你的老板一样思考，能力会提高得更快。 </div>
            <div class="ieShadow"></div>
        </div>
    </body>
</html>